.LargeScreenTablesModal {
	& > .ant-modal-content {
		background: transparent;
		padding: 0;

		& > button {
			width: 30px;
			height: 30px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: white;
			top: 0;
		}

		& > .ant-modal-body {
			padding: 0;
		}
	}

	.Article {
		background: white;
		width: 100%;
		height: 80vh;
		overflow-y: scroll;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;

		& > div:first-child {
			& > div:first-child {
				font-size: 32px;
				color: #262626;
			}

			& > div:last-child {
				font-size: 24px;
				color: #aaa;
			}

			padding: 16px;
		}
	}

	.AttachmentList {
		padding: 24px;

		& > .Title {
			height: 46px;
			background: #007664;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 16px;
			font-family: Microsoft YaHei;
			font-weight: bold;
			color: #ffffff;
			text-indent: 32px;

			& > div:first-child {
				flex: 1;
			}

			& > div:last-child {
				width: 300px;
			}
		}

		& > .List {
			& > div {
				height: 46px;
				display: flex;
				align-items: center;
				justify-content: center;

				& > div {
					height: 100%;
					border-bottom: 1px solid #002c26;

					&:first-child {
						line-height: 46px;
						flex: 1;
						font-size: 14px;
						font-family: Microsoft YaHei;
						font-weight: bold;
						color: #b2fbfd;
						text-indent: 32px;
						background: #003f37;
					}

					&:last-child {
						display: flex;
						align-items: center;
						justify-content: space-around;
						width: 300px;
						font-size: 14px;
						font-family: Microsoft YaHei;
						font-weight: bold;
						background: #004d43;
						color: #b2fbfd;

						& > div {
							cursor: pointer;
						}
					}
				}
			}
		}
	}

	.AttachmentDetail {
		width: 100%;
		height: 80vh;

		& > img {
			width: 100%;
			height: 100%;
			object-fit: contain;
		}

		& > .ant-result {
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .ant-result-image {
				margin: 0;
			}

			& > .ant-result-title {
				color: white;
				text-shadow: 0 0 4px #262626;
			}
		}
	}

	.TensioningModal,
	.GroutingModal {
		width: 100%;
		height: 80vh;
		padding: 16px;
	}

	.TensioningModal {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		position: relative;

		& > div {
			width: 100%;

			&:nth-child(2) {
				flex: 11;
				display: flex;
				align-items: center;
				justify-content: space-evenly;
			}

			&:nth-child(3) {
				height: 1px;
				margin: 16px 0;
			}

			&:last-child {
				flex: 18;
				display: flex;
				align-items: center;
				justify-content: center;

				& > div {
					height: 100%;

					&:first-child {
						flex: 1;
						margin-right: 16px;
						display: flex;
						align-items: center;
						justify-content: center;

						& > div {
							padding: 0 16px;
							flex: 1;
							height: 100%;
							border-right: 1px solid;
							display: flex;
							align-items: center;
							justify-content: space-between;
							flex-direction: column;

							& > div {
								width: 100%;
								border-bottom: 1px solid;

								&:nth-child(2),
								&:nth-child(3),
								&:nth-child(4) {
									display: flex;
									align-items: center;
									justify-content: flex-start;
									flex-wrap: wrap;

									& > div {
										width: 50%;
									}
								}

								& > div {
									display: flex;
									line-height: 30px;

									& > div:first-child {
										width: 120px;
										font-size: 14px;
										font-family: PingFang;
										font-weight: bold;
									}

									& > div:last-child {
										flex: 1;
										font-size: 16px;
										font-family: PingFang;
										font-weight: bold;
									}
								}
							}
						}
					}

					&:last-child {
						width: 580px;
						height: 100%;

						// &>div:first-child{
						//     height:54px ;
						//     width: 100%;
						//     background: yellow;
						// }
						& > img {
							width: 580px;
							height: 100%;
							object-fit: contain;
						}
					}
				}
			}
		}
	}

	.GroutingModal {
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			height: 100%;

			&:first-child {
				flex: 542;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				& > div:first-child {
					flex: 1;
					width: 100%;
					margin-bottom: 16px;

					& > div {
						border-bottom: 1px solid;

						& > div {
							display: flex;
							align-items: center;
							justify-content: flex-start;
							height: 32px;

							& > div:first-child {
								width: 100px;
								font-size: 16px;
								font-family: PingFang SC;
								font-weight: 400;
							}

							& > div:last-child {
								font-size: 20px;
								font-family: PingFang SC;
								font-weight: 400;
							}
						}
					}
				}

				& > div:last-child {
					height: 370px;
					width: 100%;

					& > img {
						width: 100%;
						height: 100%;
						display: block;
					}
				}
			}

			&:last-child {
				flex: 1043;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;

				& > div {
					width: 100%;
					flex: 1;
					margin: 8px 0;

					& > div:last-child {
						height: calc(100% - 32px);
					}
				}
			}

			&:nth-child(2) {
				width: 1px;
				margin: 0 40px;
			}
		}
	}

	.JSZXTestDetailed {
		width: 100%;
		max-height: 80vh;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		padding: 16px;

		& > div {
			height: 100%;

			&:first-child {
				width: 250px;
				font-size: 14px;
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: #ffffff;
				line-height: 36px;
				position: relative;

				& > div {
					height: 32px;
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;

					&.active {
						background: rgba(0, 102, 252, 0.6);
					}

					&:hover {
						background: rgba(0, 102, 252, 0.3);
					}
				}
			}

			&:last-child {
				flex: 1;
				overflow: hidden;
				position: relative;

				&::after {
					position: absolute;
					content: "";
					left: 0;
					top: 16px;
					bottom: 16px;
					width: 2px;
					z-index: 1;
					background: rgba(174, 226, 255, 1);
				}
			}
		}
	}

	.JSZXOutline {
		padding: 16px 21px 16px 44px;
		height: 100%;
		width: 100%;
		overflow-y: scroll;

		&::-webkit-scrollbar {
			display: none;
		}

		& > .Title {
			height: 41px;
			background: linear-gradient(
				90deg,
				rgba(0, 54, 114, 0),
				rgba(0, 54, 114, 1),
				rgba(0, 54, 114, 0)
			);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 24px;
			font-family: YouSheBiaoTiHei;
			font-weight: 400;
			color: #ffffff;
			margin-bottom: 16px;
		}

		.Content {
			& > div {
				font-size: 16px;
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: #ffffff;
				line-height: 32px;

				span {
					color: #ffe38d;
				}
			}
		}
	}

	.HeYiTestDetailed {
		width: 100%;
		max-height: 80vh;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		padding: 16px;

		& > div {
			height: 100%;

			&:first-child {
				width: 250px;
				font-size: 14px;
				font-family: Microsoft YaHei;
				font-weight: bold;
				color: #ffffff;
				line-height: 36px;
				position: relative;

				& > div {
					height: 32px;
					display: flex;
					align-items: center;
					justify-content: center;
					cursor: pointer;

					&.active {
						background: rgba(0, 252, 185, 0.6);
					}

					&:hover {
						background: rgba(0, 252, 185, 0.3);
					}
				}
			}

			&:last-child {
				flex: 1;
				overflow: hidden;
				position: relative;

				&::after {
					position: absolute;
					content: "";
					left: 0;
					top: 16px;
					bottom: 16px;
					width: 2px;
					z-index: 1;
					background: rgba(174, 226, 255, 1);
				}
			}
		}
	}

	.BadaPaymentFinalSummaryList {
		height: 80vh;
		padding: 30px 18px;

		& > .Box {
			width: 100%;
			height: 100%;
			padding: 0 20px;
			overflow-y: scroll;

			& > .Table {
				border: 2px solid rgba(174, 226, 255, 0.2);
				min-height: 100%;
				display: flex;
				align-items: center;
				justify-content: flex-start;
				flex-direction: column;

				& > div {
					width: 100%;
					display: flex;
					font-size: 14px;
					font-family: Microsoft YaHei;
					font-weight: bold;
					color: #b2fbfd;

					&.Title {
						align-items: center;
						justify-content: space-between;
						height: 42px;
						border-bottom: 1px solid rgba(174, 226, 255, 0.2);
						padding: 0 18px;

						div {
							display: flex;
							align-items: center;
							justify-content: center;
						}
					}

					&.Th {
						width: 100%;
						align-items: center;
						justify-content: center;
						height: 42px;
						background: #021f53;
						border-bottom: 1px solid rgba(174, 226, 255, 0.2);

						& > div {
							height: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							border-right: 1px solid rgba(174, 226, 255, 0.2);

							&:last-child {
								border-right: none;
							}
						}
					}

					&.Td {
						align-items: center;
						justify-content: center;
						flex-direction: column;

						& > .List {
							width: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							border-bottom: 1px solid rgba(174, 226, 255, 0.2);

							& > div {
								height: 100%;
								border-left: 1px solid rgba(174, 226, 255, 0.2);

								&:first-child {
									border-left: none;
								}

								&:nth-child(1) {
									display: flex;
									align-items: center;
									justify-content: center;
								}

								& > div {
									display: flex;
									align-items: center;
									justify-content: center;
									height: 42px;
									border-bottom: 1px solid rgba(174, 226, 255, 0.2);

									&:last-child {
										border-bottom: none;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
